<template>
<div class="con">
  <Row  :gutter="10">
    <Col span="18">
      <box-toolin></box-toolin>
      <div class="flex2">
        <Box-item v-for="item in list" :key="item._id" :data="item" :env="env"></Box-item>
        
      </div>
    </Col>
    <Col span="6">
      <box-user-nav></box-user-nav>
    </Col>
  </Row>
</div>
</template>

<script>

import axios from "../tools/axios";
export default {
  // fetch ({store}) {
  //   //store.commit('increment')
  //   return axios.post('/new/list',{currentPage:1,pageSize:10}).then(res=>{
  //       console.log(res);
  //      //store.commit('setuserlist', res.data.list)
  //   })
  // },
  async asyncData({ store, params,error,env }){
    var t= await axios.post('/new/list',{currentPage:1,pageSize:10});
    return {list:t.data.list,env:env}
  }
  ,computed:{_user(){
      return this.$store.state.user;
    }
  },methods:{
    
  },mounted(){
    console.log(this.list,this.env)
  }
}
</script>

<style lang="less" scoped>
@import "~assets/css/variable.less";
div{
  font-size:@fontsize;
}
</style>
